
var whyChooseUsCom = Vue.extend({

    data() {
        return {
            menu: [{
                name: '首页',
                url: '/home'
            }, {
                name: '关于我们',
                url: '/about'
            }, {
                name: '产品信息',
                url: '/goods',
                children:[
                    {
                        name: '产品A',
                        url: '/goods/10001',
                    },
                    {
                        name: '产品B',
                        url: '/goods/10002',
                    },
                    {
                        name: '产品C',
                        url: '/goods/10003',
                    },
                    {
                        name: '产品D',
                        url: '/goods/10004',
                    },
                ]
            }, {
                name: '新闻信息',
                url: '/news',
                children:[
                    {
                        name: '新闻信息A',
                        url: '/news/10001',
                    },
                    {
                        name: '新闻信息B',
                        url: '/news/10002',
                    },
                    {
                        name: '新闻信息C',
                        url: '/news/10003',
                    },
                    {
                        name: '新闻信息D',
                        url: '/news/10004',
                    },
                ]
            }, {
                name: '联系我们',
                url: '/contact'
            }, ],
        };
    },
    mounted: function() {
        this.$nextTick(function() {//this.TouchSlide();
            // this.menuData();

        });
    },
    methods: {

        menuData:function(){
            localStorage.setItem('menuData',JSON.stringify(this.menu));
        },

    },
    props: [''],
    template: '\
<section id="home-features-section" class="text-center">\
    <header class="section-header home-section-header">\
       <div class="container">\
           <h2 class="wow slideInRight">WHY CHOOSE US</h2>\
           <p class="wow slideInLeft">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut <br>\
               labore et dolore magna aliquan ut enim ad minim veniam.</p>\
       </div>\
    </header>\
    <div class="container">\
        <div class="row">\
            <div class="col-md-3 col-xs-6">\
                <div class="feature clearfix">\
                    <i class="icon"><img src="assets/images/features/1.png" alt="Feature Icon"></i>\
                    <h6 class="entry-title">Paying guest</h6>\
                    <p>Dolor sit amet consectetuer sed diam nonummy euismod tincidunt laoreet dolore magna</p>\
                </div>\
            </div>\
            <div class="col-md-3 col-xs-6">\
                <div class="feature clearfix">\
                    <i class="icon"><img src="assets/images/features/2.png" alt="Feature Icon"></i>\
                    <h6 class="entry-title">Paying guest</h6>\
                    <p>Dolor sit amet consectetuer sed diam nonummy euismod tincidunt laoreet dolore magna</p>\
                </div>\
            </div>\
            <div class="col-md-3 col-xs-6">\
                <div class="feature clearfix">\
                    <i class="icon"><img src="assets/images/features/3.png" alt="Feature Icon"></i>\
                    <h6 class="entry-title">Paying guest</h6>\
                    <p>Dolor sit amet consectetuer sed diam nonummy euismod tincidunt laoreet dolore magna</p>\
                </div>\
            </div>\
            <div class="col-md-3 col-xs-6">\
                <div class="feature clearfix">\
                    <i class="icon"><img src="assets/images/features/4.png" alt="Feature Icon"></i>\
                    <h6 class="entry-title">Paying guest</h6>\
                    <p>Dolor sit amet consectetuer sed diam nonummy euismod tincidunt laoreet dolore magna</p>\
                </div>\
            </div>\
        </div>\
    </div>\
</section>\
',

});
